
class StudentListView{
   
    constructor(id){
      this.$el= $(`#${id}`);
      this.init();
    }
    init(){
        this.render();
        this.addLayuiJs();
        this.handle();
    }
    render(){
        this.$el.html(`
        <table id="el" lay-filter="test"></table>
        `)
    }
     addLayuiJs(){
       $("body").append(`
       <script>
            layui.use('table', function(){
            var table = layui.table;
 
  //第一个实例
  table.render({
    elem: '#el'
    ,height: 300
    ,limit:2
    ,url: '/student/showstudentList' //数据接口
    //转换服务器端返回的数据
    ,parseData: function(res){ //res 即为原始返回的数据
        return {
          "code":0, //解析接口状态
          "msg": '', //解析提示文本
          "count": res.tatolNum, //总条数
          "data": res.datas //解析数据列表
        };
      }
      //修改传往后台的参数名
      ,request: {
        pageName: 'currentPage' //页码的参数名称，默认：page
        ,limitName: 'pageSize' //每页数据量的参数名，默认：limit
      } 
    ,page: true //开启分页
    ,cols: [[ //表头
        //field :返回对象的键
      {field: '_id', title: '学生编号', sort: true}
      ,{field: 'name', title: '姓名'}
      ,{field: 'age', title: '年龄', sort: true}
      ,{field: 'gender', title: '性别'} 
      ,{field: 'classid.name', title: '所在班级',templet:function(data){
            return data.classid.name
      }} 
    ]]
    ,limits:[1,2,3,4,5]
  });
  
});
</script>`)
     }

    handle(){

    }

}

new StudentListView("myapp");
